<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/11/28
  Time: 10:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ page import="java.util.ArrayList,blog.entities.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>Title</title>
    <meta charset="UTF-8">
    <!--    为了确保适当的绘制和触屏缩放，需要在 <head> 之中添加 viewport 元数据标签。-->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!--     jQuery文件。务必在bootstrap.min.js 之前引入
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> -->

    <script
            src="https://code.jquery.com/jquery-3.4.1.js"
            integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
            crossorigin="anonymous"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
<div class="table-responsive">
    <table class="table table-hover table-bordered info_table">
        <caption class="text-center"><h3>成员信息管理中心</h3></caption>
        <thead>
        <tr>
            <th>勾选状态</th>
            <th>Id</th>
            <th>用户名</th>
            <th>昵称</th>
            <th>邮箱</th>
            <th>链接</th>
            <th>使用状态</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <c:if test="${not empty userPage.pageData}">
            <!-- 开始遍历 -->
            <c:forEach items="${userPage.pageData}" var="user">
                <tr>
                    <td><input type="checkbox" class="user_selection_list"></td>
                    <td>${user.id}</td>
                    <td>${user.username}</td>
                    <td>${user.nickname}</td>
                    <td>${user.email}</td>
                    <td>${user.url}</td>
                    <td>${user.delete_status}</td>
                    <td>
                        <div class="btn-group">
                            <a class="btn btn-primary user_show" onclick="showSingleUser(${user.id})">查看</a>
                            <a class="btn btn-primary user_delete" onclick="confirmDeleteUser(${user.id})">删除</a>
                            <a class="btn btn-primary user_modify" onclick="modifySingleUser(${user.id})">修改</a>
                        </div>
                    </td>
                </tr>
            </c:forEach>
        </c:if>
        </tbody>
    </table>

</div> <!-- 表格-->
<div class="row clearfix">
    <div class="col-md-8 col-md-offset-4 column">
        <ul class="pagination">
            <li>
                <a href="#">Prev</a>
            </li>
            <li>
                <a href="#">1</a>
            </li>
            <li>
                <a href="#">2</a>
            </li>
            <li>
                <a href="#">3</a>
            </li>
            <li>
                <a href="#">4</a>
            </li>
            <li>
                <a href="#">5</a>
            </li>
            <li>
                <a href="#">Next1</a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
